<template>
	<div class="inspection">
    <div class="information-item equipment-item inspection-item">
      <img  class="information-item-leftImg" src="../../assets/img/securityCheckImg/titledecoration.png" alt="">
      <div class="information-item-title">表具信息</div>
    </div>
    <div class="information-item">
      <div class="information-item-title">出场编号</div>
      <popup-picker class="information-item-input" :data="list1" v-model="value1" @on-change="onChange" placeholder="请选择"></popup-picker>
      <!-- <img  class="information-item-rightImg" src="../../assets/img/securityCheckImg/rightArrow.png" alt=""> -->
    </div>
    <div class="information-item">
      <div class="information-item-title">上次示数</div>
      <input class="information-item-input" type="text" maxlength="16" placeholder="请录入" value="890">
    </div>
    <div class="information-item">
      <div class="information-item-title">本次示数</div>
      <input class="information-item-input" type="text" maxlength="16" placeholder="请录入" value="">
      <img class="information-item-icon" src="../../assets/img/securityCheckImg/sao.png" alt="">
    </div>
    <div class="information-item">
      <div class="information-item-title">上次维修日期</div>
      <input class="information-item-input" type="text" maxlength="16" placeholder="请录入" value="890">
    </div>
    <div class="information-item">
      <div class="information-item-title">上次维修内容</div>
      <input class="information-item-input" type="text" maxlength="16" placeholder="请录入" value="890">
    </div>
    <div class="information-item equipment-item inspection-item">
      <img  class="information-item-leftImg" src="../../assets/img/securityCheckImg/titledecoration.png" alt="">
      <div class="information-item-title">维修保养项目</div>
    </div>
    <div class="entryRecord-item">
      <div class="information-item-title entryRecord-title">故障描述</div>
      <textarea class="information-item-textarea" name="" id="" placeholder="请录入"></textarea>
    </div>
    <div class="entryRecord-item">
      <div class="information-item-title entryRecord-title">故障原因</div>
      <textarea class="information-item-textarea" name="" id="" placeholder="请录入"></textarea>
    </div>
    <div class="entryRecord-item">
      <div class="information-item-title entryRecord-title">维修内容</div>
      <textarea class="information-item-textarea" name="" id="" placeholder="请录入"></textarea>
    </div>
    <div class="information-item">
      <div class="information-item-title">维修后示数</div>
      <input class="information-item-input" type="text" maxlength="16" placeholder="请录入" value="">
      <img class="information-item-icon" src="../../assets/img/securityCheckImg/sao.png" alt="">
    </div>
    <div class="information-item equipment-item inspection-item">
      <img  class="information-item-leftImg" src="../../assets/img/securityCheckImg/titledecoration.png" alt="">
      <div class="information-item-title">防盗装置信息</div>
      <img class="information-item-icon inspection-item-icon" src="../../assets/img/securityCheckImg/add.png" alt="">
    </div>
    <div class="information-item inspection-popupPicker">
      <div class="popupPicker-item">
        <popup-picker class="popupPicker-item-popup" :data="list1" v-model="value1" @on-change="onChange" placeholder="请选择"></popup-picker>
        <!-- <img class="popupPicker-item-icon" src="../../assets/img/securityCheckImg/selectB.png" alt=""> -->
      </div>
      <input class="popupPicker-item-input" type="text" maxlength="16" placeholder="请录入" value="">
      <div class="popupPicker-item-image">
        <img class="popupPicker-item-saoIcon" src="../../assets/img/securityCheckImg/sao.png" alt="">
      <img class="popupPicker-item-delIcon" src="../../assets/img/securityCheckImg/deleteData.png" alt="">
      </div>
    </div>
    <div class="information-item inspection-popupPicker">
      <div class="popupPicker-item">
        <popup-picker class="popupPicker-item-popup" :data="list1" v-model="value1" @on-change="onChange" placeholder="请选择"></popup-picker>
        <!-- <img class="popupPicker-item-icon" src="../../assets/img/securityCheckImg/selectB.png" alt=""> -->
      </div>
      <input class="popupPicker-item-input" type="text" maxlength="16" placeholder="请录入" value="">
      <div class="popupPicker-item-image">
        <img class="popupPicker-item-saoIcon" src="../../assets/img/securityCheckImg/sao.png" alt="">
      <img class="popupPicker-item-delIcon" src="../../assets/img/securityCheckImg/deleteData.png" alt="">
      </div>
    </div>
    <div class="information-item inspection-popupPicker">
      <div class="popupPicker-item">
        <popup-picker class="popupPicker-item-popup" :data="list1" v-model="value1" @on-change="onChange" placeholder="请选择"></popup-picker>
        <!-- <img class="popupPicker-item-icon" src="../../assets/img/securityCheckImg/selectB.png" alt=""> -->
      </div>
      <input class="popupPicker-item-input" type="text" maxlength="16" placeholder="请录入" value="">
      <div class="popupPicker-item-image">
        <img class="popupPicker-item-saoIcon" src="../../assets/img/securityCheckImg/sao.png" alt="">
      <img class="popupPicker-item-delIcon" src="../../assets/img/securityCheckImg/deleteData.png" alt="">
      </div>
    </div>
    <div class="information-item inspection-popupPicker">
      <div class="popupPicker-item">
        <popup-picker class="popupPicker-item-popup" :data="list1" v-model="value1" @on-change="onChange" placeholder="请选择"></popup-picker>
        <!-- <img class="popupPicker-item-icon" src="../../assets/img/securityCheckImg/selectB.png" alt=""> -->
      </div>
      <input class="popupPicker-item-input" type="text" maxlength="16" placeholder="请录入" value="">
      <div class="popupPicker-item-image">
        <img class="popupPicker-item-saoIcon" src="../../assets/img/securityCheckImg/sao.png" alt="">
      <img class="popupPicker-item-delIcon" src="../../assets/img/securityCheckImg/deleteData.png" alt="">
      </div>
    </div>
    <div class="information-item inspection-popupPicker">
      <div class="popupPicker-item">
        <popup-picker class="popupPicker-item-popup" :data="list1" v-model="value1" @on-change="onChange" placeholder="请选择"></popup-picker>
        <!-- <img class="popupPicker-item-icon" src="../../assets/img/securityCheckImg/selectB.png" alt=""> -->
      </div>
      <input class="popupPicker-item-input" type="text" maxlength="16" placeholder="请录入" value="">
      <div class="popupPicker-item-image">
        <img class="popupPicker-item-saoIcon" src="../../assets/img/securityCheckImg/sao.png" alt="">
      <img class="popupPicker-item-delIcon" src="../../assets/img/securityCheckImg/deleteData.png" alt="">
      </div>
    </div>
	</div>
</template>

<script>
import { PopupPicker } from "vux";
import Vue from 'vue';
export default {
  data() {
    return {
      value1: ["居民"],
      title1: "手机机型",
      list1: [
        ["小米1", "iPhone1", "华为1", "情怀1", "三星1", "其他1", "不告诉你1"]
      ],
      radioShowY: false,
      radioShowN: true,
    };
  },
  components: {
    PopupPicker
  },
  props: [],
  mounted() {
    //this.init();
  },
  watch: {},
  methods: {
    bindRadio(e) {
      console.log(e.target.value)
      if(e.target.value == 1) {
        Vue.set(this,'radioShowY',true)
        Vue.set(this,'radioShowN',false)
      }else{
        Vue.set(this,'radioShowY',false)
        Vue.set(this,'radioShowN',true)
      }
    },
    onChange(val) {
      console.log("val change", val);
    },
  }
};
</script>

<style scoped lang="less">
@import "../../assets/less/style.less";
</style>
<style lang="less">
@import "../../assets/less/vuxStyle.less";
.popupPicker-item-popup {
  .vux-popup-picker-select {
    text-align: center !important;
    margin-left: -0.2778rem;
  }
}

</style>
